<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui"
	>

<ui:composition template="/plantillas/menuTemplate.xhtml">
	<ui:define name="content">
   <div class="ui-grid ui-grid-responsive">
    <div class="ui-grid-row">
    <div class="ui-grid-col-1"></div>
    <div class="ui-grid-col-5">
	 <p:panel header="Pagos" styleClass="form">	 
	        <br/>
	        <h:form>
	        <h:panelGrid columns="3">
	        <p:outputLabel value="Proyecto: "/>
	        <p:selectOneMenu value="#{registroPagoSocioBean.idUnidadH}">
	         <f:selectItems value="#{loginBean.listUnidadesH}"></f:selectItems>
	        </p:selectOneMenu>
	        <p:commandButton value="Registrar Pagos" actionListener="#{registroPagoSocioBean.cargarCombos}" update=":idPagos"/>
	        </h:panelGrid>
	        </h:form>
	        <br/>
	  	    <p:tabView orientation="left" id="idPagos">
	  	    <p:tab title="Pagos en Efectivo">
	  	     <h:form>
	  	      <h:panelGrid columns="2">
	  	        <p:outputLabel value="Concepto: "/>
	  	        <p:selectOneMenu value="#{registroPagoSocioBean.pagoSocio.idConcepto}">
	  	         <f:selectItems value="#{registroPagoSocioBean.listaConcepto}"></f:selectItems>
	  	        </p:selectOneMenu>
	  	        <p:outputLabel value="Socio:"/>
	  	        <p:selectOneMenu value="#{registroPagoSocioBean.pagoSocio.idSocioPagante}">
	  	         <f:selectItems value="#{registroPagoSocioBean.listaSocioPagante}"></f:selectItems>
	  	        </p:selectOneMenu>
	  	        <p:outputLabel value="Cobrador: "/>	
	  	        <p:selectOneMenu value="#{registroPagoSocioBean.pagoSocio.idSocioCobrante}">
	  	         <f:selectItems value="#{registroPagoSocioBean.listaSocioCobrador}"></f:selectItems>
	  	        </p:selectOneMenu>  	       
	  	        <p:outputLabel value="Cantidad: "/>	  	
	  	        <p:spinner prefix="$" value="#{registroPagoSocioBean.pagoSocio.cantidad}"  stepFactor="1.0"></p:spinner>
	  	        <p:outputLabel   value="Recibo: "/>
	  	        <p:outputLabel   value="#{registroPagoSocioBean.numeroRecibo}"></p:outputLabel>
	  	        <p:commandButton value="Registrar" actionListener="#{registroPagoSocioBean.registrarPago}"/>
	  	        <p:commandButton value="Limpiar"   actionListener="#{registroPagoSocioBean.limpiarCampos}"/>        	  	        	  	        	  	       
	  	      </h:panelGrid>	  	    
	  	     </h:form>
	  	    </p:tab>
	  	    <br/>
	        
	        <p:tab title="Depositos Bancarios">
	        <h:form>
	        <h:panelGrid columns="2">
	  	        <p:outputLabel value="Concepto: "/>
	  	        <p:selectOneMenu value="#{registroPagoSocioBean.pagoSocio.idConcepto}">
	  	         <f:selectItems value="#{registroPagoSocioBean.listaConcepto}"></f:selectItems>
	  	        </p:selectOneMenu>
	  	        <p:outputLabel value="Socio:"/>
	  	        <p:selectOneMenu value="#{registroPagoSocioBean.pagoSocio.idConcepto}">
	  	         <f:selectItems value="#{registroPagoSocioBean.listaConcepto}"></f:selectItems>
	  	        </p:selectOneMenu>
	  	        <p:outputLabel value="Cobrador: "/>	
	  	        <p:selectOneMenu value="#{registroPagoSocioBean.pagoSocio.idConcepto}">
	  	         <f:selectItems value="#{registroPagoSocioBean.listaConcepto}"></f:selectItems>
	  	        </p:selectOneMenu>  	       
	  	        <p:outputLabel value="Cantidad: "/>	  	
	  	        <p:spinner prefix="$" value="#{registroPagoSocioBean.pagoSocio.cantidad}"  stepFactor="1.0" />  
	  	        <p:outputLabel value="Fecha deposito: "/>
	  	        <p:calendar value="#{registroPagoSocioBean.pagoSocio.fechaPago}" navigator="true" pattern="MM/dd/yyyy HH:mm:ss" />      	  	        	  	        	  	       
	  	      </h:panelGrid>	
	        </h:form>        
	        </p:tab> 
	        </p:tabView>	    
	  </p:panel>	
	  </div>
	   <div class="ui-grid-col-6"></div>
	  </div>
	 </div>
	</ui:define>
</ui:composition>
</html>